// source --> http://www.writesensemedia.co.uk/wp-content/themes/Bluelight/js/dropmenu.js /* todo: close delay todo: click button to open http://www.sohtanaka.com/web-design/examples/drop-down-menu/# http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html http://css-tricks.com/examples/DiggHeader/# */ (function($){ $.fn.dropmenu = function(custom) { var defaults = { openAnimation: "slide", closeAnimation: "slide", openClick: false, openSpeed: 200, closeSpeed: 200, closeDelay:200, onHide: function(){}, onHidden: function(){}, onShow: function(){}, onShown: function(){} }; var settings = $.extend({}, defaults, custom); var menu = this; var currentPage = 0; var delayTimer = ""; // Trigger init init(); /** * Do preparation work */ function init(){ // Add open button and class to parent of a submenu var items = menu.find(":has(li,div) > a").append(''); $.each(items, function(i, val) { if(items.eq(i).parent().is("li")){ items.eq(i).next().addClass("submenu").parent().addClass("haschildren"); }else{ items.eq(i).parent().find("ul").show(); } }); if(settings.openClick){ menu.find(".submenu").css("display", "none"); menu.find(":has(li,div) > a").parent().bind("mouseleave",handleHover).bind("mouseenter",function(){ window.clearInterval(delayTimer); }); menu.find("a span.arrow").bind("click", handleHover); }else{ menu.find(":has(li,div) > a").bind("mouseenter",handleHover).parent().bind("mouseleave",handleHover).bind("mouseenter",function(){ window.clearInterval(delayTimer); }); } } /** * Handle mouse hover action */ function handleHover(e){ if(e.type == "mouseenter" || e.type == "click"){ window.clearInterval(delayTimer); var current_submenu = $(e.target).parent().find(".submenu:not(:animated):not(.open)"); if(current_submenu.html() == null){ current_submenu = $(e.target).parent().next(".submenu:not(:animated):not(.open)"); } if(current_submenu.html() != null){ settings.onShow.call(current_submenu); closeAllMenus(); current_submenu.prev().addClass("selected"); current_submenu.css("z-index", "90"); current_submenu.stop().hide(); openMenu(current_submenu); } } if(e.type == "mouseleave" || e.type == "mouseout"){ current_submenu = $(e.target).parents(".submenu"); if(current_submenu.length != 1){ var current_submenu = $(e.target).parent().parent().find(".submenu"); if(current_submenu.html() == null){ var current_submenu = $(e.target).parent().find(".submenu"); if(current_submenu.html() == null){ var current_submenu = $(e.target).parent().parent().parent().find(".submenu"); } } } if(current_submenu.html() != null){ if(settings.closeDelay == 0){ current_submenu.parent().find("a").removeClass("selected"); closeMenu(current_submenu); }else{ window.clearInterval(delayTimer); delayTimer = setInterval(function(){ window.clearInterval(delayTimer); closeMenu(current_submenu); }, settings.closeDelay); } } } } function openMenu(object){ switch(settings.openAnimation){ case "slide": openSlideAnimation(object); break; case "fade": openFadeAnimation(object); break; default: openSizeAnimation(object); break; } } function openSlideAnimation(object){ object.addClass("open").slideDown(settings.openSpeed, function(){ settings.onShown.call(this); }); } function openFadeAnimation(object){ object.addClass("open").fadeIn(settings.openSpeed, function(){ settings.onShown.call(this); }); } function openSizeAnimation(object){ object.addClass("open").show(settings.openSpeed, function(){ settings.onShown.call(this); }); } function closeMenu(object){ settings.onHide.call(object); switch(settings.closeAnimation){ case "slide": closeSlideAnimation(object); break; case "fade": closeFadeAnimation(object); break; default: closeSizeAnimation(object); break; } } function closeSlideAnimation(object){ object.slideUp(settings.closeSpeed, closeCallback); } function closeFadeAnimation(object){ object.fadeOut(settings.closeSpeed, function(){ $(this).removeClass("open"); $(this).prev().removeClass("selected"); }); } function closeSizeAnimation(object){ object.hide(settings.closeSpeed, function(){ $(this).removeClass("open"); $(this).prev().removeClass("selected"); }); } function closeAllMenus(){ var submenus = menu.find(".submenu.open"); $.each(submenus, function(i, val) { $(submenus[i]).css("z-index", "1"); closeMenu($(submenus[i])); }); } function closeCallback(object){ $(this).removeClass("open"); if($(this).prev().attr("class") == "selected") settings.onHidden.call(this); $(this).prev().removeClass("selected"); } // returns the jQuery object to allow for chainability. return this; } })(jQuery); // source --> http://www.writesensemedia.co.uk/wp-content/themes/Bluelight/js/jquery.innerfade.js /** * ========================================================= * jquery.innerfade.js * ========================================================= * * Date: 2008-12-22 * Author: Fabian Neumann * Web: http://www.fabianneumann.de/ * Web: http://www.sturzbach.de/ * * Based on the works of: * - Medienfreunde Hofmann & Baldes GbR, Torsten Baldes, http://medienfreunde.com * - Matt Oakes, http://portfolio.gizone.co.uk/applications/slideshow/ * - Ralf S. Engelschall, http://trainofthoughts.org/ * * Example: * * * * $('#news').innerfade({ * animationtype: Type of animation 'fade' or 'slide' (Default: 'fade'), * speed: Fading-/Sliding-Speed in milliseconds or keywords (slow, normal or fast) (Default: 'normal'), * timeout: Time between the fades in milliseconds (Default: '2000'), * containerheight: Height of the containing element in any css-height-value (Default: 'auto'), * runningclass: CSS-Class which the container get’s applied (Default: 'innerfade'), * next_selector: jQuery selector of element(s) that let's you manually click forward (Default: '#if-next'), * prev_selector: jQuery selector of element(s) that let's you manually click backwards (Default: '#if-prev'), * pause_selector: optional jQuery selector of element(s) that on hover will pause the slideshow, * callback: optional function to call after each transition, * children: optional children selector (Default: null), * }); * **/ (function($) { $.fn.innerfade = function(options) { return this.each(function() { $.innerfade(this, options); }); }; $.innerfade = function(container, options) { var settings = { 'container': container, // container's data is used as state memory 'animationtype': 'fade', 'type': 'sequence', 'speed': 'normal', 'timeout': 2000, 'containerheight': 'auto', 'runningclass': 'innerfade', 'children': null, 'next_selector': '.nextslide', 'prev_selector': '.prevslide', 'callback': null }; $.data(settings.container, 'paused', false); if (options) $.extend(settings, options); if (settings.children === null) var elements = $(container).children(); else var elements = $(container).children(settings.children); if (elements.length < 1) return; if (settings.type == "sequence") { $.data(settings.container, 'current', 1); $.data(settings.container, 'last', 0); } if (settings.pause_selector !== null) { $(settings.pause_selector).hover(function () { $.data(settings.container, 'paused', true); }, function () { $.data(settings.container, 'paused', false); }); } $(settings.prev_selector).click(function(e) { e.preventDefault(); current = $.data(settings.container, 'current') - 2; if (current < 0) current = elements.length + current; // js modulo for negative numbers is strange (in IE) $.data(settings.container, 'current', current); $.innerfade.animate(elements, settings); }); $(settings.next_selector).click(function(e) { e.preventDefault(); $.innerfade.animate(elements, settings); }); $(container).css('position', 'relative').css('height', settings.containerheight).addClass(settings.runningclass); for (var i = 0; i < elements.length; i++) { $(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').hide(); }; if (elements.length > 1) { setTimeout(function() { $.innerfade.next(elements, settings); }, settings.timeout); } $(elements[0]).show(); }; $.innerfade.next = function(elements, settings) { if (!$.data(settings.container, 'paused')) { $.innerfade.animate(elements, settings); } setTimeout((function() { $.innerfade.next(elements, settings); }), settings.timeout); }; $.innerfade.animate = function(elements, settings) { current = $.data(settings.container, 'current'); last = $.data(settings.container, 'last'); if (settings.animationtype == 'slide') { $(elements[last]).slideUp(settings.speed); $(elements[current]).slideDown(settings.speed); } else if (settings.animationtype == 'fade') { $(elements[last]).fadeOut(settings.speed); $(elements[current]).fadeIn(settings.speed, function() { removeFilter($(this)[0]); }); } else { alert('Innerfade-animationtype must either be \'slide\' or \'fade\''); } if (typeof(settings.callback) == "function") { settings.callback(current, elements[current]); } $.data(settings.container, 'last', current); $.data(settings.container, 'current', (current + 1) % elements.length); }; })(jQuery); // **** remove Opacity-Filter in ie **** function removeFilter(element) { if(element.style.removeAttribute){ element.style.removeAttribute('filter'); } }; // source --> http://www.writesensemedia.co.uk/wp-content/themes/Bluelight/js/jquery.prettyPhoto.js /* ------------------------------------------------------------------------ Class: prettyPhoto Use: Lightbox clone for jQuery Author: Stephane Caron (http://www.no-margin-for-errors.com) Version: 2.5.6 ------------------------------------------------------------------------- */ (function($) { $.prettyPhoto = {version: '2.5.6'}; $.fn.prettyPhoto = function(settings) { settings = jQuery.extend({ animationSpeed: 'normal', /* fast/slow/normal */ opacity: 0.80, /* Value between 0 and 1 */ showTitle: true, /* true/false */ allowresize: true, /* true/false */ default_width: 500, default_height: 344, counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */ theme: 'light_rounded', /* light_rounded / dark_rounded / light_square / dark_square / facebook */ hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */ wmode: 'opaque', /* Set the flash wmode attribute */ autoplay: true, /* Automatically start videos: True/False */ modal: false, /* If set to true, only the close button will close the window */ changepicturecallback: function(){}, /* Called everytime an item is shown/changed */ callback: function(){}, /* Called when prettyPhoto is closed */ markup: '
\
\
\
\
\
\
\
\
\
\
\
\ Expand \
\ next \ previous \
\
\
\ Close \

\
\ Previous \

0/0

\ Next \
\
\
\
\
\
\
\
\
\
\
\
\
\
\
', image_markup: '', flash_markup: '', quicktime_markup: '', iframe_markup: '', inline_markup: '
{content}
' }, settings); // Fallback to a supported theme for IE6 if($.browser.msie && parseInt($.browser.version) == 6){ settings.theme = "light_square"; } if($('.pp_overlay').size()==0) _buildOverlay(); // If the overlay is not there, inject it! // Global variables accessible only by prettyPhoto var doresize = true, percentBased = false, correctSizes, // Cached selectors $pp_pic_holder, $ppt, $pp_overlay, // prettyPhoto container specific pp_contentHeight, pp_contentWidth, pp_containerHeight, pp_containerWidth, // Window size windowHeight = $(window).height(), windowWidth = $(window).width(), //Gallery specific setPosition = 0, // Global elements scrollPos = _getScroll(); // Window/Keyboard events $(window).scroll(function(){ scrollPos = _getScroll(); _centerOverlay(); _resizeOverlay(); }); $(window).resize(function(){ _centerOverlay(); _resizeOverlay(); }); $(document).keydown(function(e){ if($pp_pic_holder.is(':visible')) switch(e.keyCode){ case 37: $.prettyPhoto.changePage('previous'); break; case 39: $.prettyPhoto.changePage('next'); break; case 27: if(!settings.modal) $.prettyPhoto.close(); break; }; }); // Bind the code to each links $(this).each(function(){ $(this).bind('click',function(){ _self = this; // Fix scoping // Find out if the picture is part of a set theRel = $(this).attr('rel'); galleryRegExp = /\[(?:.*)\]/; theGallery = galleryRegExp.exec(theRel); // Build the gallery array var images = new Array(), titles = new Array(), descriptions = new Array(); if(theGallery){ $('a[rel*='+theGallery+']').each(function(i){ if($(this)[0] === $(_self)[0]) setPosition = i; // Get the position in the set images.push($(this).attr('href')); titles.push($(this).find('img').attr('alt')); descriptions.push($(this).attr('title')); }); }else{ images = $(this).attr('href'); titles = ($(this).find('img').attr('alt')) ? $(this).find('img').attr('alt') : ''; descriptions = ($(this).attr('title')) ? $(this).attr('title') : ''; } $.prettyPhoto.open(images,titles,descriptions); return false; }); }); /** * Opens the prettyPhoto modal box. * @param image {String,Array} Full path to the image to be open, can also be an array containing full images paths. * @param title {String,Array} The title to be displayed with the picture, can also be an array containing all the titles. * @param description {String,Array} The description to be displayed with the picture, can also be an array containing all the descriptions. */ $.prettyPhoto.open = function(gallery_images,gallery_titles,gallery_descriptions) { // To fix the bug with IE select boxes if($.browser.msie && $.browser.version == 6){ $('select').css('visibility','hidden'); }; if(settings.hideflash) $('object,embed').css('visibility','hidden'); // Hide the flash // Convert everything to an array in the case it's a single item images = $.makeArray(gallery_images); titles = $.makeArray(gallery_titles); descriptions = $.makeArray(gallery_descriptions); image_set = ($(images).size() > 0) ? true : false; // Find out if it's a set // Hide the next/previous links if on first or last images. _checkPosition($(images).size()); $('.pp_loaderIcon').show(); // Do I need to explain? // Fade the content in $pp_overlay.show().fadeTo(settings.animationSpeed,settings.opacity); // Display the current position $pp_pic_holder.find('.currentTextHolder').text((setPosition+1) + settings.counter_separator_label + $(images).size()); // Set the description if(descriptions[setPosition]){ $pp_pic_holder.find('.pp_description').show().html(unescape(descriptions[setPosition])); }else{ $pp_pic_holder.find('.pp_description').hide().text(''); }; // Set the title if(titles[setPosition] && settings.showTitle){ hasTitle = true; $ppt.html(unescape(titles[setPosition])); }else{ hasTitle = false; }; // Get the dimensions movie_width = ( parseFloat(grab_param('width',images[setPosition])) ) ? grab_param('width',images[setPosition]) : settings.default_width.toString(); movie_height = ( parseFloat(grab_param('height',images[setPosition])) ) ? grab_param('height',images[setPosition]) : settings.default_height.toString(); // If the size is % based, calculate according to window dimensions if(movie_width.indexOf('%') != -1 || movie_height.indexOf('%') != -1){ movie_height = parseFloat(($(window).height() * parseFloat(movie_height) / 100) - 100); movie_width = parseFloat(($(window).width() * parseFloat(movie_width) / 100) - 100); percentBased = true; } // Fade the holder $pp_pic_holder.fadeIn(function(){ imgPreloader = ""; // Inject the proper content switch(_getFileType(images[setPosition])){ case 'image': // Set the new image imgPreloader = new Image(); // Preload the neighbour images nextImage = new Image(); if(image_set && setPosition > $(images).size()) nextImage.src = images[setPosition + 1]; prevImage = new Image(); if(image_set && images[setPosition - 1]) prevImage.src = images[setPosition - 1]; $pp_pic_holder.find('#pp_full_res')[0].innerHTML = settings.image_markup; $pp_pic_holder.find('#fullResImage').attr('src',images[setPosition]); imgPreloader.onload = function(){ // Fit item to viewport correctSizes = _fitToViewport(imgPreloader.width,imgPreloader.height); _showContent(); }; imgPreloader.onerror = function(){ alert('Image cannot be loaded. Make sure the path is correct and image exist.'); $.prettyPhoto.close(); }; imgPreloader.src = images[setPosition]; break; case 'youtube': correctSizes = _fitToViewport(movie_width,movie_height); // Fit item to viewport movie = 'http://www.youtube.com/v/'+grab_param('v',images[setPosition]); if(settings.autoplay) movie += "&autoplay=1"; toInject = settings.flash_markup.replace(/{width}/g,correctSizes['width']).replace(/{height}/g,correctSizes['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,movie); break; case 'vimeo': correctSizes = _fitToViewport(movie_width,movie_height); // Fit item to viewport movie_id = images[setPosition]; movie = 'http://vimeo.com/moogaloop.swf?clip_id='+ movie_id.replace('http://vimeo.com/',''); if(settings.autoplay) movie += "&autoplay=1"; toInject = settings.flash_markup.replace(/{width}/g,correctSizes['width']).replace(/{height}/g,correctSizes['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,movie); break; case 'quicktime': correctSizes = _fitToViewport(movie_width,movie_height); // Fit item to viewport correctSizes['height']+=15; correctSizes['contentHeight']+=15; correctSizes['containerHeight']+=15; // Add space for the control bar toInject = settings.quicktime_markup.replace(/{width}/g,correctSizes['width']).replace(/{height}/g,correctSizes['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,images[setPosition]).replace(/{autoplay}/g,settings.autoplay); break; case 'flash': correctSizes = _fitToViewport(movie_width,movie_height); // Fit item to viewport flash_vars = images[setPosition]; flash_vars = flash_vars.substring(images[setPosition].indexOf('flashvars') + 10,images[setPosition].length); filename = images[setPosition]; filename = filename.substring(0,filename.indexOf('?')); toInject = settings.flash_markup.replace(/{width}/g,correctSizes['width']).replace(/{height}/g,correctSizes['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,filename+'?'+flash_vars); break; case 'iframe': correctSizes = _fitToViewport(movie_width,movie_height); // Fit item to viewport frame_url = images[setPosition]; frame_url = frame_url.substr(0,frame_url.indexOf('iframe')-1); toInject = settings.iframe_markup.replace(/{width}/g,correctSizes['width']).replace(/{height}/g,correctSizes['height']).replace(/{path}/g,frame_url); break; case 'inline': // to get the item height clone it, apply default width, wrap it in the prettyPhoto containers , then delete myClone = $(images[setPosition]).clone().css({'width':settings.default_width}).wrapInner('
').appendTo($('body')); correctSizes = _fitToViewport($(myClone).width(),$(myClone).height()); $(myClone).remove(); toInject = settings.inline_markup.replace(/{content}/g,$(images[setPosition]).html()); break; }; if(!imgPreloader){ $pp_pic_holder.find('#pp_full_res')[0].innerHTML = toInject; // Show content _showContent(); }; }); }; /** * Change page in the prettyPhoto modal box * @param direction {String} Direction of the paging, previous or next. */ $.prettyPhoto.changePage = function(direction){ if(direction == 'previous') { setPosition--; if (setPosition < 0){ setPosition = 0; return; }; }else{ if($('.pp_arrow_next').is('.disabled')) return; setPosition++; }; // Allow the resizing of the images if(!doresize) doresize = true; _hideContent(function(){$.prettyPhoto.open(images,titles,descriptions)}); $('a.pp_expand,a.pp_contract').fadeOut(settings.animationSpeed); }; /** * Closes the prettyPhoto modal box. */ $.prettyPhoto.close = function(){ $pp_pic_holder.find('object,embed').css('visibility','hidden'); $('div.pp_pic_holder,div.ppt,.pp_fade').fadeOut(settings.animationSpeed); $pp_overlay.fadeOut(settings.animationSpeed, function(){ $('#pp_full_res').html(''); // Kill the opened content $pp_pic_holder.attr('style','').find('div:not(.pp_hoverContainer)').attr('style',''); // Reset the width and everything that has been set. _centerOverlay(); // Center it // To fix the bug with IE select boxes if($.browser.msie && $.browser.version == 6){ $('select').css('visibility','visible'); }; // Show the flash if(settings.hideflash) $('object,embed').css('visibility','visible'); setPosition = 0; settings.callback(); }); doresize = true; }; /** * Set the proper sizes on the containers and animate the content in. */ _showContent = function(){ $('.pp_loaderIcon').hide(); // Calculate the opened top position of the pic holder projectedTop = scrollPos['scrollTop'] + ((windowHeight/2) - (correctSizes['containerHeight']/2)); if(projectedTop < 0) projectedTop = 0 + $ppt.height(); // Resize the content holder $pp_pic_holder.find('.pp_content').animate({'height':correctSizes['contentHeight']},settings.animationSpeed); // Resize picture the holder $pp_pic_holder.animate({ 'top': projectedTop, 'left': (windowWidth/2) - (correctSizes['containerWidth']/2), 'width': correctSizes['containerWidth'] },settings.animationSpeed,function(){ $pp_pic_holder.find('.pp_hoverContainer,#fullResImage').height(correctSizes['height']).width(correctSizes['width']); // Fade the new image $pp_pic_holder.find('.pp_fade').fadeIn(settings.animationSpeed); // Show the nav if(image_set && _getFileType(images[setPosition])=="image") { $pp_pic_holder.find('.pp_hoverContainer').show(); }else{ $pp_pic_holder.find('.pp_hoverContainer').hide(); } // Show the title if(settings.showTitle && hasTitle){ $ppt.css({ 'top' : $pp_pic_holder.offset().top - 25, 'left' : $pp_pic_holder.offset().left + 20, 'display' : 'none' }); $ppt.fadeIn(settings.animationSpeed); }; // Fade the resizing link if the image is resized if(correctSizes['resized']) $('a.pp_expand,a.pp_contract').fadeIn(settings.animationSpeed); // Callback! settings.changepicturecallback(); }); }; /** * Hide the content...DUH! */ function _hideContent(callback){ // Fade out the current picture $pp_pic_holder.find('#pp_full_res object,#pp_full_res embed').css('visibility','hidden'); $pp_pic_holder.find('.pp_fade').fadeOut(settings.animationSpeed,function(){ $('.pp_loaderIcon').show(); if(callback) callback(); }); // Hide the title $ppt.fadeOut(settings.animationSpeed); } /** * Check the item position in the gallery array, hide or show the navigation links * @param setCount {integer} The total number of items in the set */ function _checkPosition(setCount){ // If at the end, hide the next link if(setPosition == setCount-1) { $pp_pic_holder.find('a.pp_next').css('visibility','hidden'); $pp_pic_holder.find('a.pp_arrow_next').addClass('disabled').unbind('click'); }else{ $pp_pic_holder.find('a.pp_next').css('visibility','visible'); $pp_pic_holder.find('a.pp_arrow_next.disabled').removeClass('disabled').bind('click',function(){ $.prettyPhoto.changePage('next'); return false; }); }; // If at the beginning, hide the previous link if(setPosition == 0) { $pp_pic_holder.find('a.pp_previous').css('visibility','hidden'); $pp_pic_holder.find('a.pp_arrow_previous').addClass('disabled').unbind('click'); }else{ $pp_pic_holder.find('a.pp_previous').css('visibility','visible'); $pp_pic_holder.find('a.pp_arrow_previous.disabled').removeClass('disabled').bind('click',function(){ $.prettyPhoto.changePage('previous'); return false; }); }; // Hide the bottom nav if it's not a set. if(setCount > 1) { $('.pp_nav').show(); }else{ $('.pp_nav').hide(); } }; /** * Resize the item dimensions if it's bigger than the viewport * @param width {integer} Width of the item to be opened * @param height {integer} Height of the item to be opened * @return An array containin the "fitted" dimensions */ function _fitToViewport(width,height){ hasBeenResized = false; _getDimensions(width,height); // Define them in case there's no resize needed imageWidth = width; imageHeight = height; if( ((pp_containerWidth > windowWidth) || (pp_containerHeight > windowHeight)) && doresize && settings.allowresize && !percentBased) { hasBeenResized = true; notFitting = true; while (notFitting){ if((pp_containerWidth > windowWidth)){ imageWidth = (windowWidth - 200); imageHeight = (height/width) * imageWidth; }else if((pp_containerHeight > windowHeight)){ imageHeight = (windowHeight - 200); imageWidth = (width/height) * imageHeight; }else{ notFitting = false; }; pp_containerHeight = imageHeight; pp_containerWidth = imageWidth; }; _getDimensions(imageWidth,imageHeight); }; return { width:Math.floor(imageWidth), height:Math.floor(imageHeight), containerHeight:Math.floor(pp_containerHeight), containerWidth:Math.floor(pp_containerWidth) + 40, contentHeight:Math.floor(pp_contentHeight), contentWidth:Math.floor(pp_contentWidth), resized:hasBeenResized }; }; /** * Get the containers dimensions according to the item size * @param width {integer} Width of the item to be opened * @param height {integer} Height of the item to be opened */ function _getDimensions(width,height){ width = parseFloat(width); height = parseFloat(height); // Get the details height, to do so, I need to clone it since it's invisible $pp_details = $pp_pic_holder.find('.pp_details'); $pp_details.width(width); detailsHeight = parseFloat($pp_details.css('marginTop')) + parseFloat($pp_details.css('marginBottom')); $pp_details = $pp_details.clone().appendTo($('body')).css({ 'position':'absolute', 'top':-10000 }); detailsHeight += $pp_details.height(); detailsHeight = (detailsHeight <= 34) ? 36 : detailsHeight; // Min-height for the details if($.browser.msie && $.browser.version==7) detailsHeight+=8; $pp_details.remove(); // Get the container size, to resize the holder to the right dimensions pp_contentHeight = height + detailsHeight; pp_contentWidth = width; pp_containerHeight = pp_contentHeight + $ppt.height() + $pp_pic_holder.find('.pp_top').height() + $pp_pic_holder.find('.pp_bottom').height(); pp_containerWidth = width; } function _getFileType(itemSrc){ if (itemSrc.match(/youtube\.com\/watch/i)) { return 'youtube'; }else if (itemSrc.match(/vimeo\.com/i)) { return 'vimeo'; }else if(itemSrc.indexOf('.mov') != -1){ return 'quicktime'; }else if(itemSrc.indexOf('.swf') != -1){ return 'flash'; }else if(itemSrc.indexOf('iframe') != -1){ return 'iframe' }else if(itemSrc.substr(0,1) == '#'){ return 'inline'; }else{ return 'image'; }; }; function _centerOverlay(){ if(doresize) { titleHeight = $ppt.height(); contentHeight = $pp_pic_holder.height(); contentwidth = $pp_pic_holder.width(); projectedTop = (windowHeight/2) + scrollPos['scrollTop'] - ((contentHeight+titleHeight)/2); $pp_pic_holder.css({ 'top': projectedTop, 'left': (windowWidth/2) + scrollPos['scrollLeft'] - (contentwidth/2) }); $ppt.css({ 'top' : projectedTop - titleHeight, 'left': (windowWidth/2) + scrollPos['scrollLeft'] - (contentwidth/2) + 20 }); }; }; function _getScroll(){ if (self.pageYOffset) { return {scrollTop:self.pageYOffset,scrollLeft:self.pageXOffset}; } else if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 Strict return {scrollTop:document.documentElement.scrollTop,scrollLeft:document.documentElement.scrollLeft}; } else if (document.body) {// all other Explorers return {scrollTop:document.body.scrollTop,scrollLeft:document.body.scrollLeft}; }; }; function _resizeOverlay() { windowHeight = $(window).height(); windowWidth = $(window).width(); $pp_overlay.css({ 'height':$(document).height() }); }; function _buildOverlay(){ // Inject the markup $('body').append(settings.markup); // Set my global selectors $pp_pic_holder = $('.pp_pic_holder'); $ppt = $('.ppt'); $pp_overlay = $('div.pp_overlay'); $pp_pic_holder.attr('class','pp_pic_holder ' + settings.theme); // Set the proper theme $pp_overlay .css({ 'opacity':0, 'height':$(document).height() }) .bind('click',function(){ if(!settings.modal) $.prettyPhoto.close(); }); $('a.pp_close').bind('click',function(){ $.prettyPhoto.close(); return false; }); $('a.pp_expand').bind('click',function(){ $this = $(this); // Fix scoping // Expand the image if($this.hasClass('pp_expand')){ $this.removeClass('pp_expand').addClass('pp_contract'); doresize = false; }else{ $this.removeClass('pp_contract').addClass('pp_expand'); doresize = true; }; _hideContent(function(){ $.prettyPhoto.open(images,titles,descriptions) }); $pp_pic_holder.find('.pp_fade').fadeOut(settings.animationSpeed); return false; }); $pp_pic_holder.find('.pp_previous, .pp_arrow_previous').bind('click',function(){ $.prettyPhoto.changePage('previous'); return false; }); $pp_pic_holder.find('.pp_next, .pp_arrow_next').bind('click',function(){ $.prettyPhoto.changePage('next'); return false; }); }; _centerOverlay(); // Center it }; function grab_param(name,url){ name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); var regexS = "[\\?&]"+name+"=([^&#]*)"; var regex = new RegExp( regexS ); var results = regex.exec( url ); if( results == null ) return ""; else return results[1]; } })(jQuery);